<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    资源路径:
        1. 绝对路径
        2. 相对路径
    尺寸单位：
        １. px: 像素
        ２. 百分比：
-->
<!--<img src="a.jpeg" width="50%" height="40%">
<img src="./a.jpeg" width="50%" height="40%">-->
<!--<img src="./img/a.jpeg" width="300" height="300">-->
<img src="../img/a.jpeg" width="300" height="300">
<img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.Z47edeijnGYPlFpjrn8kXgHaEo?w=280&h=180&c=7&r=0&o=5&pid=1.7" width="400" height="300">

<audio src="b.mp3" controls="controls"></audio>

<video src="c.mp4" controls width="500" height="300"></video>

</body>
</html>